@charset "utf-8";
/*
* reset
*/
body { font: 12px/1.8 tahoma, arial, "Hiragino Sans GB", 'Microsoft Yahei', sans-serif; overflow-x: hidden; margin: 50px 0 0 200px; }
input, textarea { border: 0; background: none; vertical-align: middle; outline: none; margin: 0; padding: 0; }
h1, h2, h3, h4, p, ul, ol, dd, dl, form, button { margin: 0; }
img { max-width: 100%; border: 0; vertical-align: top; width: auto\9; }
ul { padding-left: 0; list-style-type: none; }
a { text-decoration: none; outline: none; color: #241e0e; transition: all .2s ease; }
i, b, address { font-style: normal; }
/*
* common
*/
.opc0 { opacity: 0; }
.wrap { max-width: 1000px; margin-left: auto; margin-right: auto; *width:1000px;
}
.fix { *zoom:1;
}
.fix:before, .fix:after { content: ""; display: table; }
.fix:after { clear: both; }
.oh { overflow: hidden; *zoom:1;
}
.l { float: left; }
.r { float: right; }
.dib { display: inline-block; *display:inline;
*zoom:1;
}
.pr { position: relative; }
.pa { position: absolute; }
.el { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hidetext { font: 0/0 a; letter-spacing: -9px; }
.btn { cursor: pointer; }
.hide { display: none; }
.arr { display: inline-block; width: 0; height: 0; overflow: hidden; }
.navbar .brand { float: left; margin: 0 35px; height: 40px; line-height: 38px; font-size: 20px; font-weight:bold; }
.brand img { float: left; margin: 13px 10px 0 0; }
.sidebar-nav { position: fixed; width: 200px; left: 0px; bottom: 0; top: 41px; background: #ccc; padding: 9px 0; z-index: 10;  transition: all .5s ease; }
.sidebar-nav .nav-header { cursor: pointer; font-size: 14px; color: #666; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
.sidebar-nav .nav-header span.label { font-size: 10px; /*padding-bottom:0;*/ position: relative; top: -1px; }
.sidebar-nav .nav-header i.icon-plus { }
.sidebar-nav .nav-header .popover { color: #999; text-shadow: none; }
.popover-info { position: relative; }
.popover-info .popover { display: none; top: -12.5px; left: 15px; }
.popover-info:hover .popover { display: block; opacity: 1; width: 400px; }
.popover-info:hover .popover .arrow { top: 23px; }
.sidebar-nav .accordion-group { border: none; }
.sidebar-nav li { line-height: 25px; }
.sidebar-nav .box { line-height: 25px; width: 170px; height: 25px; }
.sidebar-nav .preview { display: block; color: #666; font-size: 12px; line-height: 22px; }
.sidebar-nav .preview input { width: 90px; padding: 0 10px; background: #bbb; font-size: 10px; color: #999; line-height: 20px; height: 20px; position: relative; top: -1px; }
.sidebar-nav .view { display: none; }
.sidebar-nav .remove, .sidebar-nav .fullrow, .sidebar-nav .spacing { display: none; }
.sidebar-nav .boxes { display: none; }
.demo .preview { display: none; }
.demo .box .view { display: block; padding-top: 30px; }
.ui-draggable-dragging .view { display: block; }
.demo .ui-sortable-placeholder { outline: 1px dashed #999; visibility: visible!Important; border-radius: 4px; }
.ui-sortable-placeholder { outline: 1px dashed #ddd; visibility: visible!Important; border-radius: 4px; }
.box, .lyrow { position: relative; }
.demo .lyrow .drag { top: 5px; right: 80px; z-index: 10; }
.demo .drag, .demo .remove, .demo .fullrow, .demo .spacing { filter: alpha(opacity=20); opacity: 0.2; transition: all .5s ease; }
.demo .lyrow:hover > .drag, .demo .lyrow:hover > .fullrow, .demo .lyrow:hover > .remove, .demo .lyrow:hover > .spacing{ filter: alpha(opacity=100); opacity: 1; }
.demo .wrap{position: relative; }
.nav .btn-primary{background:#2185C5;}
.nav .active{background-color:blue;}
/*编辑模式*/
.edit .demo { padding: 0 0 30px; position: relative; word-wrap: break-word; }
.edit .demo .box .drag { top: 5px; }
.edit .demo .box .configuration { position: absolute; top: 3px; right: 140px; white-space: nowrap; }
.edit .demo .remove { position: absolute; top: 5px; right: 5px; z-index: 10; }
.edit .demo .spacing {position: absolute; top:5px ; right: 150px; z-index: 10; cursor: pointer;}
.edit .demo .fullrow { position: absolute; top:5px ; right: 220px; z-index: 10; cursor: pointer; }
.edit .drag { position: absolute; top: 0; right: 0; cursor: pointer; }
.row .row:before { display: none; }
[class*="span"] {
 background-color: #FFFFFF;
 border: 1px solid #DDDDDD;
 margin: 30px 0 0;
 min-height:100px;
 position: relative;
 box-sizing:border-box;
}
.edit [class*="span"]:after { background-color: #F5F5F5; border: 1px solid #DDDDDD; color: #9DA0A4; content: "Span"; font-size: 12px; font-weight: bold; left: -1px; padding: 0 7px; position: absolute; top: -1px; }

/* 预览模式 */
body.devpreview { margin-left: 0px; }
.devpreview .demo .box .view { padding: 0; }
.devpreview .sidebar-nav { left: -200px; transition:none; }
.devpreview .drag, .devpreview .fullrow, .devpreview .remove, .devpreview .spacing { display: none !Important; }
.devpreview .demo .row { border: 0; }
.devpreview .demo [class*="span"] {padding: 0; border: 0; box-sizing: content-box; background:#eee; }
.devpreview .demo [class*="span"] [class*="span"]{background:#ccc;margin-top:0;}
#download-layout { display: none }
#editorModal textarea, #sourceModal textarea, #downloadModal textarea { width: 100%; height: 280px; resize: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#editorModal, #sourceModal, #downloadModal { width: 640px; left: 50%; margin-left: -320px; }
a.language-selected { font-style: italic; font-weight: bold; }

/* 通栏弹窗*/
#wrapClass{width: 640px;
left: 50%;
margin-left: -320px;}
#wrapClassForm{padding:10px;}
#wrapClassForm label{display:inline-block;margin:0 1em 1em 5px;}
#wrapClassForm input {vertical-align:middle;margin:0 auto;}
